<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>picm</title>

<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
	body {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.sidebar-nav {
		padding: 9px 0;
	}
</style>
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top">
	<div class="navbar-inner">
		<div class="container-fluid">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<a class="brand" href="#">picm</a>
			<div class="nav-collapse collapse">
				<p class="navbar-text pull-right">
					<a class="navbar-link" href="/settings">Settings</a>
				</p>
				<ul class="nav">
					<li class="active"><a href="/library">Library</a></li>
					<li><a href="/playlists">Playlists</a></li>
					<li><a href="/queue">Queue</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="container-fluid">
	<div class="row-fluid">
		<div class="span3">
			<div class="well sidebar-nav">
				<ul class="nav nav-list">
					<li class="nav-header">Status</li>
					<li>Connected to icecast server 127.0.0.1</li>
					<li>Serving station backwoods</li>
					<li><a href="http://127.0.0.1/backwoods.xspf">http://127.0.0.1/backwoods.xspf</a></li>
					<li class="nav-header">Now Playing</li>
					<li>Kip Moore - Somethin' 'Bout a Truck</li>
					<li><a href="#">Next</a></li>
					<li class="nav-header">Queue</li>
					<li>Justin Moore - Backwoods</li>
					<li>Alan Jackson - Country Boy</li>
					<li>Rodney Atkins - Take a Back Road</li>
					<li class="nav-header">Playlist</li>
					<li>Justin Moore - Hank It</li>
					<li>Brantley Gilbert - Country Must Be Country Wide</li>
					<li>Zac Brown Band - Chicken Fried</li>
				</ul>
			</div>
		</div>
		<div class="span9">
			<div class="row-fluid">
				<div class="span3">
					<h4>Artist</h4>
				</div>
				<div class="span1">
					<h4>Track</h4>
				</div>
				<div class="span3">
					<h4>Title</h4>
				</div>
				<div class="span3">
					<h4>Album</h4>
				</div>
				<div class="span2">
					<h4>Add to</h4>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span3">
					Justin Moore
				</div>
				<div class="span1">
					01
				</div>
				<div class="span3">
					How I Got To Be This Way
				</div>
				<div class="span3">
					Justin Moore
				</div>
				<div class="span2">
					<a href="#">Queue</a> <a href="#">Playlist</a>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span3">
					Justin Moore
				</div>
				<div class="span1">
					02
				</div>
				<div class="span3">
					Small Town USA
				</div>
				<div class="span3">
					Justin Moore
				</div>
				<div class="span2">
					<a href="#">Queue</a> <a href="#">Playlist</a>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span3">
					Justin Moore
				</div>
				<div class="span1">
					03
				</div>
				<div class="span3">
					Backwoods
				</div>
				<div class="span3">
					Justin Moore
				</div>
				<div class="span2">
					<a href="#">Queue</a> <a href="#">Playlist</a>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span3">
					Justin Moore
				</div>
				<div class="span1">
					04
				</div>
				<div class="span3">
					Like There's No Tomorrow
				</div>
				<div class="span3">
					Justin Moore
				</div>
				<div class="span2">
					<a href="#">Queue</a> <a href="#">Playlist</a>
				</div>
			</div>
		</div>
	</div>
	
	<hr>
	
	<footer>
		<p>picm <a href="http://code.google.com/p/picm">http://code.google.com/p/picm</a></p>
	</footer>

</div>



</body>
</html>